<div class="container" data-id="configuracionUser">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
        
            <div class="container">
            
                <a class="brand" href="#/home"><img src="img/logoNew.gif">Leisure Time</a>
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-list"></span> </a>

                <div class="nav-collapse collapse">
                    <ul class="nav" style="padding-left: 2%;">
                        <li class="divider-vertical"></li>
                        <li class="barraArriba">
                            <a href="#/home" ><i class="icon-home icon-white"></i> Home</a>
                        </li>
                        <li class="barraArriba">
                            <a href="#/peliculas"><i class="icon-film icon-white"></i> MisPelículas</a>
                        </li>
                        <li class="barraArriba">
                            <a href="#/series"><i class="icon-facetime-video icon-white"></i> MisSeries</a>
                        </li>
                        <li class="barraArriba">
                            <a href="#/libros"><i class="icon-book icon-white"></i> MisLibros</a>
                        </li>
                        <li class="divider-vertical"></li>
                    </ul>
                    
                    <ul class="nav pull-right">
                        <li class="dropdown barraArribaP">
                            <a data-id="login" class="dropdown-toggle barraArribaP" data-toggle="dropdown"><i class="icon-user icon-white"> </i> <span  data-bind="text: $data.user"> </span><b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="php/desconectar.php" id="desconectar"><i class="icon-off"> </i> Cerrar sesión</a>
                                </li>
                                <li>
                                    <a href="#/perfil"><i class="icon-cog"> </i> Configuración</a>
                                </li>
                                
                                 <li data-bind="if:$data.user() == 'admin'">
                                    <a href="./contenido/administracion/admin.html"><i class=" icon-info-sign"> </i> Administracion</a>
                                </li>
                              
                            </ul>
                        </li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>
        
    </div>
    
    <div data-id="cargaContenido" style="padding-top: 10%;">

    </div>
    
    <legend style="margin-top: 20%;  background-color: #E5E5E5;"></legend>
    <footer>
        <div class="row">
            <div class="navbar navbar-inverse" style="width: 100%; margin-left: 0%;">
                <div class="navbar-inner">
                    <div style="color: white; margin-top: 2%; margin-left: 5%; text-align: left;">
                        <p style="color: white; font-size: 14px">Leisure Time </p>
                        <p style="color: white; font-size: 14px">Realizado por: Izaskun y Raquel</p>
                    </div>
                    <div style="color: white; margin-top: -5%; margin-right: 5%; text-align: right;">
                        <p>Siguenos en: &nbsp;&nbsp; 
                        <img class="imagenFooter" src="img/twitter.png" style="width: 4%; height: 4%;">
                        <img class="imagenFooter" src="img/facebook.png" style="width: 4%; height: 4%;"></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>

